<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8" /> 
 <title>华大尚田</title>
 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.5">
	<link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css">
	<link rel="stylesheet" href="themes/mycss.min.css" />
	<script src="js/jquery-1.8.2.js"></script>
  <script src="js/myjs.js"></script>
	<script src="js/jquery.mobile-1.3.2.min.js"></script>
  <link  href="css/css3.css" rel="Stylesheet" type="text/css" />
 <link rel="stylesheet" type="text/css" href="css/stylesheet.css">
</head>
<body class="bg">
  <div data-role="page" id="e1">
   <div data-role="header">
   <nav id="mian_nav">
    <div data-role="navbar" class="nav-3-9 _banner"><!-- banner 部分 -->
     <ul class="_banner">
        <li ><a href="#" data-icon="custom"
                        class="ui-btn-active main navli">首页</a>
        </li>
        <li><a href="#" data-icon="custom"
                        class="sort navli">分类</a>
        </li>
        <li><a href="#" data-icon="custom"
                        class="shopcart navli" >购物车</a>
        </li>
          <li><a href="#" data-icon="custom"
                        class="myst navli" >我的尚田</a>
        </li>

     </ul>
    </div> 
   </nav>
  
<!-- 图片轮播 -->
      <div class="wrapper_one" data-role="none">
            <div class="slide">
    <div class="slide_main">
        <ul class="slide_ul">
            <li><a href="" class="img"><img src="img/1.jpg"  alt="尚田广告" /></a></li>
            <li><a href="" class="img"><img src="img/2.jpg"    alt="尚田广告" /></a></li>
            <li><a href="" class="img"><img src="img/3.jpg"  alt="尚田广告" /></a></li>
            <li><a href="" class="img"><img src="img/4.jpg"   alt="尚田广告" /></a></li>
            <li><a href="" class="img"><img src="img/1.jpg"  alt="尚田广告" /></a></li>
            <li><a href="" class="img"><img src="img/3.jpg"   alt="尚田广告" /></a></li>
        </ul>
    </div>
    <div class="slide_span"><p> <span class="slide_span_one"></span> <span></span> <span></span><span></span> <span></span><span></span></p> </div>
</div>
      </div>
      <!-- wrapper_one结束 -->
 </div>
<div data-role="content">
      <div class="logo_area">
      <img src="img/icon/logo.png" alt="尚田logo">
      </div>
      <div class="search">
        <input type="text" placeholder="请输入您要查找的蔬菜">
        <span><a href="#"></a></span>
      </div>
      <div class="nav_col">
        <ul>
          <li>
            <a href="#"><img src="img/icon/gift.png"></a>
            <span>菜品专区</span>
          </li>
          <li>
            <a href="#"><img src="img/icon/heart.png"></a>
            <span>华农特产</span>
          </li>
          <li>
           <a href="#"><img src="img/icon/brand.png"> </a>
          <span>品牌介绍</span>
          </li>
          <li>
            <a href="#"><img src="img/icon/indent.png"></a>
            <span>订单查询</span>
          </li>
        </ul>
      </div>
      <div class="clear"></div>
      <div class="choice">
       <ul>
          <li ><a href="#" class="active-chioce">
          按价格<span></span></a>
          </li>
          <li><a href="#">按销量<span  class="current"></span></a>
          </li>
          <li><a href="#" >按时间<span  class="current"></span></a>
          </li>
       </ul>
      </div>  
      <div class="row-area">
        <div class="row-header"></div>
        <div class="row-content"></div>
      </div>      
</div>
<div data-role="footer" data-position="fixed" class="foot">
      <h6>Copyright © 广州新富农农业科技有限公司</h6>
      <h6>m.xfnstnp.com</h6>
      </div> 
</div>
　
</body>
</html>